html,
body,
header,
section,
footer,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
li,
p {
    margin: 0;
    padding: 0;
}

img {
    border: none;
    vertical-align: top;
}

ul,
li {
    list-style: none;
}

#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#nav {
    padding: 20px 0;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1099;
    color: #999;
    white-space: nowrap;
    .nav-scroll {
       display: inline-block; padding: 0 20px;
    }
    a {
        font-weight: bold;
        font-size: 15px;
        color: #2c3e50;
        padding: 0 10px;
        text-decoration: none;
        display: inline-block;
        position: relative;
        &:after {
            content: '';
            width: 1px;
            height: 12px;
            background: #dedede;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -6px;
        }
        &.router-link-exact-active {
            color: #42b983;
            text-decoration: underline
        }

        &:last-child {
            &:after {
                display: none;
            }
        }
    }
}

.border-bottom-1px,
.border-top-1px {
    position: relative;

    &:before,
    &:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        transform-origin: 0 0;
    }
}

.border-bottom-1px {
    &:after {
        border-bottom: 1px solid #ebebeb;
        bottom: 0;
        transform-origin: 0 bottom;
    }
}

.border-top-1px {
    &:before {
        border-top: 1px solid #ebebeb;
        top: 0;
        transform-origin: 0 top;
    }

}

@media (-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
    .border-top-1px {
        &:before {
            transform: scale(1, 0.5)
        }
    }

    .border-bottom-1px {
        &:after {
            transform: scale(1, 0.5)
        }
    }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-device-pixel-ratio: 3) {
    .border-top-1px {
        &:before {
            transform: scale(1, 0.333)
        }
    }

    .border-bottom-1px {
        &:after {
            transform: scale(1, 0.333)
        }
    }
}